<template>
    <a-config-provider :theme-overrides="themeOverrides">
      <!-- <n-message-provider>
        <Message /> -->
        <slot></slot>
      <!-- </n-message-provider> -->
    </a-config-provider>
  </template>
  
  <script setup>
  
  const themeOverrides = reactive({
    common: {
      primaryColor: '#009688'
    },
    Menu: {
      itemTextColor: '#aaa',
      itemTextColorHover: '#fff',
      itemTextColorActive: '#fff',
      itemTextColorActiveHover: '#fff',
      itemTextColorChildActive: '#fff',
      itemTextColorChildActiveHover: '#fff',
  
      itemIconColor: '#aaa',
      itemIconColorHover: '#fff',
      itemIconColorActive: '#fff',
      itemIconColorChildActive: '#fff',
      itemIconColorActiveHover: '#fff',
      itemIconColorChildActiveHover: '#fff',
  
      itemColorHover: '#009688',
      itemColorActive: '#009688',
      itemColorActiveHover: '#009688',
  
      arrowColor: '#aaa',
      arrowColorHover: '#fff',
      arrowColorActive: '#fff',
      arrowColorChildActive: '#fff',
      arrowColorChildActiveHover: '#fff'
    }
  });
  </script>